<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	jQuery.jq51menu = function(menuboxid,submenu){
		var menuboxli = $(menuboxid+" li");
		menuboxli.eq(0).find(submenu).show();
		menuboxli.eq(0).addClass("thismenu");
		//menuboxli.find("a:first").attr("href","javascript:;");
		menuboxli.click( function () { 
			$(this).addClass("thismenu").find(submenu).show().end().siblings("li").removeClass("thismenu").find(submenu).hide();
		});
	};
	//调用方法，可重用
	$.jq51menu("#menubox","div.submenu");
});
</script>
<style>
ul,li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body a {
	color: #333333;
}

a {
	text-decoration: none;
}

#menubox {
	width: 100%;
	overflow: hidden;
	height: 100%
}

#menubox ul li {
	line-height: 35px;
	background-color: #F0F0F0;
	border-bottom: #CCC solid 1px;
}

#menubox a {
	padding-left: 10px;
	padding-right: 6px;
	font-size: 20px;
}

#menubox .thismenu {
	background-color: #119CBE;
	color: #ffffff;
	border: none;
}

#menubox .thismenu a {
	color: #ffffff;
}

#menubox .submenu {
	display: none;
	background-color: #ffffff;
}

#menubox .submenu font {
	padding: 10px;
	height: 100%;
	line-height: 20px;
	color: #030;
	display: block;
	border-bottom: #CCC dashed 0px;
	font-size: 16px;
}
</style>
</head>

<body>
	<div id="menubox">
		<ul>
			<li><a>介绍</a>
				<div class="submenu">
					<font>
						本系统主要面向对象为我奉化市公众。它由奉化市水利局自行开发，集水库（含重要山塘）、海塘、水闸基本信息查询，奉化市天气预报及台风云图、路径等一系列防汛防台信息查询的服务平台。本系统的宗旨是为我奉化市公众提供水利信息查询、防汛防台信息服务。
					</font>
				</div></li>

			<li><a>文字查询模式</a>
				<div class="submenu">
					<a href="../pic/hellp/help.jsp"><font>点击查看操作图</font>
					</a>
				</div></li>

			<li><a>水库查询 </a>
				<div class="submenu">
					<font>请使用"名称+水库"关键字进行检索，拼音字母也可，但必须带有"水库"关键字。<br />
						例如："jiufengshan水库"或"九峰山水库"或"酒疯山水库"</font>

				</div></li>
			<li><a>海塘查询 </a>
				<div class="submenu">
					<font>请使用"名称+海塘"关键字进行检索，拼音字母也可，但必须带有"海塘"关键字。<br />
						例如：”songningtang海塘"或"松宁塘海塘" 或"送宁塘海塘"</font>
				</div></li>
			<li><a>河道水位 </a>
				<div class="submenu">
					<font>请直接点击查询，将返回各主要河道实时水位信息。<br />
					</font>
				</div></li>
			<li><a>水闸查询 </a>
				<div class="submenu">
					<font>请使用"名称+水闸"关键字进行检索，拼音字母也可，但必须带有"水闸"关键字。<br />
						例如："hengjiangzha水闸" 或"横江闸水闸"或"横江扎水闸"</font>
				</div></li>
			<li><a>雨情信息 </a>
				<div class="submenu">
					<font>请直接点击"雨情信息"按钮，则直接返回最近24小时、48小时奉化市各地区雨量统计。雨量信息由奉化市气象站提供。<br />
					</font>
				</div></li>
			<li><a>天气预报 </a>
				<div class="submenu">
					<font>请直接点击"天气预报"按钮，则直接返回今后三日奉化市天气预报信息。预报信息由中国天气网、奉化市气象站提供。<br />
					</font>
				</div></li>
			<li><a>短期天气 </a>
				<div class="submenu">
					<font>请点击“短期天气”按钮，则直接返回浙江省省内短期天气情况预报。预报信息由中国天气网提供。<br /> </font>
				</div></li>
			<li><a>天气预警 </a>
				<div class="submenu">
					<font>请直接点击"天气预警"按钮，则直接返回奉化市天气恶劣天气预警信息。预警信息由奉化市气象台网站提供。<br />
					</font>
				</div></li>
			<li><a>卫星云图 </a>
				<div class="submenu">
					<font>请直接点击"卫星云图"按钮，则直接返回最近一次卫星云图，点击相应链接图片后进入查看卫星云图。温馨提示：由于云图图片较大，故打开时间较长，请耐心等待。<br />
					</font>
				</div></li>
			<li><a>台风动态</a>
				<div class="submenu">
					<font>请直接点击"台风动态"按钮，则直接返回当前及最近一次台风动态信息，点击进入查看台风路径预报图。台风动态信息由中国天气网、浙江省气象厅网站提供。<br />
					</font>
				</div></li>
			<li><a>工作动态</a>
				<div class="submenu">
					<font>请直接点击"工作动态"按钮，点击返回信息进入奉化市水利局网站工作动态栏目。<br /> </font>
				</div></li>
			<li><a>防汛科普</a>
				<div class="submenu">
					<font>请直接点击"防汛科普"按钮，则直接返回防汛防台等基础知识。<br /> </font>
				</div></li>
			<li><a>查询帮助</a>
				<div class="submenu">
					<font>请直接点击"查询帮助"按钮，则直接返回本帮助信息。<br /> </font>
				</div></li>
			<li><a>建议咨询</a>
				<div class="submenu">
					<font>请直接点击"建议咨询"按钮，则直接返回我局联系方式。<br /> </font>
				</div></li>
		</ul>
	</div>


</body>
</html>
